<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0,
		 maximum-scale=1.0, minimum-scale=1.0,<!-- shrink-to-fit=no -->" />
		<title>GABRIEL Token</title>
		<link rel="stylesheet" href="css/normalize.css">
		<link rel="stylesheet" href="css/index.css?v=3">
		<link rel="stylesheet" href="css/normalize.css">
		<link rel="stylesheet" href="css/register.css">
		<script src="js/echarts.min.js"></script>
		<script src="js/clipboard.min.js"></script>
		<script src="js/clipboard.js"></script>
		<script src="js/jquery-3.5.1.min.js"></script>
		<script src="js/jquery-3.5.1.js"></script>
		<script src="https://cdn.jsdelivr.net/gh/ethereum/web3.js/dist/web3.min.js"></script>
		<script src="js/tp.js"></script>
		<script src="language/ch.js?v=8"></script>
	</head>
	<body style="overflow-x: hidden;">
		<!-- 头部 -->
		<div class="w">
		<div class="header">
			<div class="logo">
				<h1><a href="#">GABRIEL</a></h1>
			</div>
			<div class="header_text">
				<button onclick="OpenWallet()" id='header_text'>Connect to a wallet</button>
			</div>
			<div class="wenzi">
				
<img  id="btnlang" onmousemove="changelang(true)" onmouseout="changelang(false)" src="img/en.png " alt=""> 
				</div>
				<div id="language" class="langhide langback"  onmousemove="changelang(true)" onmouseout="changelang(false)">
			
					<ul>
						<li tag="en" style="margin-bottom: 3px;"><img src="img/en.png"> <span>ENGLISH</span></li>
						
						<li tag="ch"><img src="img/ch.png"> <span> CHINESE </span></li>
					</ul>
				</div>
			</div>
		</div>


		<!-- 文字 -->
		<div class="w"> 
		<div class="text">
			<p><span class="test1"> THE NEW CURRENCY FOR </span><span style="padding-left: 5px;" class="style_Y text_ch_1">THE NEXT GENERATION</span></p>
			<h1 class="text_ch_2">ln Just A Few Taps,</h1>
			<h2 class="style_Y text_ch_3">YOU CAN BUY</h2>
		</div>

		<!-- 盒子 -->
		<div class="box">
			<div class="box-hd">
				<h2 class="text_ch_4">INVITATION ONLY PRIVATE TOKEN SALE</h2>
				<i><img src="./img/iov-info%20(1).png" alt="" style="width: 20px;"></i>
				<div class="line_1"></div>
				<div class="line_2"></div>
				<div class="sanjiao"></div>
				<div class="box-bd">
					<ul>
						<li>
							<span>00</span>
							<p style="padding-left: 21px"  class="text_ch_5">DAYS</p>
							<div class="dian_1"></div>
							<div class="dian_2"></div>
						</li>
						<li>
							<span>00</span>
							<p  class="text_ch_6">HOURS</p>
							<div class="dian_1"></div>
							<div class="dian_2"></div>
						</li>
						<li>
							<span>00</span>
							<p  class="text_ch_7">MINUTES</p>
							<div class="dian_1"></div>
							<div class="dian_2"></div>
						</li>
						<li>
							<span>00</span>
							<p  class="text_ch_8">SECONDS</p>

						</li>
					</ul>
				</div>
				 <div class="table_box">
				<table>
					<tr>
						<th  class="text_ch_9">NO.1 IDO</th>
						<th>0.1BNB=10000000 </th>
						<!---th>0.1BNB=1000Coin</th--->
					</tr>
					<tr>
						<td  class="text_ch_10">NO.2 IDO</td>
						<td>0.1BNB=7000000 </td>
						<!---td>0.1BNB=700Coin</td--->
					</tr>
					<tr>
						<td  class="text_ch_11">NO.3 IDO</td>
						<td> 0.1BNB=5000000</td>
						<!---td>0.1BNB=500Coin</td--->
					</tr>
				</table>
				</div>
				<div class="juxing">
					<div class="xiaojuxing">
						
					</div>
					<p class="style_Y">67%</p>
				</div>
			</div>
			<div class="box_bd">
				<ul>
					<li><button onclick="BtnBuyToken()"  ><span class="text_ch_12">Buy </span> <span style="color: #FEBC06;" ><span class="text_ch_13">Token</span></button></span></li>
					<li><button onclick="BtnReferrals()" class="text_ch_14">Referrals</button></li>
				</ul>
				
			</div>
		</div>
		<!-- main部分 -->
		<div class="main clearfix">
			<div class="main_hd">
				<h2 class="text_ch_15">Gabriel TOKEN</h2>
				<div id="main_pie" class="pie" style="width: 300px;height:400px; margin-left: 40px;">
				</div>
				<div class="content">
					<p class="text_ch_16">Token Tatal issue: 1,000,000,000,000</p>
					<p class="text_ch_17">Transaction fee:10%</p>
					<p class="text_ch_18">(5% Destruction and 5%Whole network dividend)</p>
				</div>

				<div class="num">
					<ul>
						<li>
							<p class="style_r text_ch_19" >Token Destruction</p>
							<p> <strong> <span  class="text_ch_20">50.00%</span></strong>&nbsp;<span class="text_ch_21">Black Hole</span></p>
						</li>
						<li>
							<p class="style_r text_ch_22" > Token Sale</p>
							<p ><strong> <span class="text_ch_23">10.00%</span></strong> &nbsp; <span class="text_ch_24">IDO NO.1</span></p>
						</li>
						<li>
							<p class="style_r text_ch_25" >Token Sale</p>
							<p><strong><span class=" text_ch_26">10.00%</span ></strong> &nbsp;<span  class=" text_ch_27" >IDO NO.2</span></p>
						</li>
						<li>
							<p class="style_r text_ch_28" >Token Sale</p>
							<p ><strong> <span class="text_ch_29">10.00%</span></strong> &nbsp;<span class=" text_ch_30">IDO NO.3</span></p>
						</li>
						<li>
							<p class="style_r text_ch_31" >Liquidity Pool</p>
							<p><strong> <span class="text_ch_32">10.00%</span></strong> &nbsp;<span class="text_ch_33">Liquidity Pool</span></p>
						</li>
						<li>
							<p class="style_r text_ch_34">Airdrop</p>
							<p><strong> <span class="text_ch_35">10.00%</span></strong> &nbsp;<span class="text_ch_36">Airdrop</span></p>
						</li>

					</ul>
					<div class="box-1"></div>
					<div class="box-2"></div>
					<div class="text_r text_ch_37">
						Purchase limit:0.1BNB-10BNB
					</div>
				</div>

				<div class="date">
					<ul>
						<li>
							<p class="text_ch_38" >START DATE</p>
							<h4 class="text_ch_39">JUNE 12/21 9AM</h4>
						</li>
						<li>
							<p class="text_ch_40">END DATE</p>
							<h4 class="text_ch_41">JUNE 16/21 9AM</h4>
						</li>
						<li>
							<p class="text_ch_42">TOKEN SYMBOL</p>
							<h4 class="text_ch_43">GABRIEL</h4>
						</li>
						<li>
							<p class="text_ch_44">SALE TOKENS</p>
							<h4 class="text_ch_45">300000000000</h4>
							<h6 style="padding-left: 15px;" class="text_ch_46">(GABRIEL)</h6>
						</li>
					</ul>
					<div class="box_t_l_z"></div>
					<div class="box_t_r_z"></div>
					<div class="box_t_l_r"></div>
					<div class="box_t_r_r"></div>
				</div>
			</div>
			<div class="nav">
				<h2 class="text_ch_47" >WHAT IS GABRLEL?</h2>
				<ul>
					<li>
						<div class="pic">
							<img src="./img/xiaotu1.png" alt="">
						</div>
						<h3 class="text_ch_48">Decentraliazed Aggregated Oracle</h3>
						<p class="text_ch_49">Fully trustless and decentralized off-chain data,on chain</p>
					</li>
					<li>
						<div class="pic">
							<img src="./img/xiaotu2.png" alt="">
						</div>
						<h3 class="text_ch_50">On-Demand Oracle Data</h3>
						<p class="text_ch_51">P2P incentivized network to obtain atypical off-chain data</p>
					</li>
					<li>
						<div class="pic">
							<img src="./img/xiaotu3.png" alt="">
						</div>
						<h3 class="text_ch_52">Oracle Marketplace</h3>
						<p  class="text_ch_53">A secure trustless market for oracle data clients and providers</p>
					</li>
					<li>
						<div class="pic">
							<img src="./img/xiaotu4.png" alt="">
						</div>
						<h3 class="text_ch_54">Modular Dashboard</h3>
						<p class="text_ch_55">Fully Gabriel, scalable dashboard for every tool in the crypto space</p>
					</li>
				</ul>
			</div>

			<div class="text_con">
				<div class="text_con_hd">
					<ul>
						<li class="style_pink">
							<p class="text_ch_56">DECENTRALIZED</p>
							<p class="text_ch_57">AGGREGATED</p>
							<p class="text_ch_58">ORACLE</p>
						</li>
						<li>
							<p class="text_ch_59">ON-DEMAND</p>
							<p class="text_ch_60">ORACLE</p>
						</li>
					</ul>
				</div>
				<div class="text_con_bd">
					<p class="text_ch_61">
						Gabriel coin will provide
						the first truly trustless and
						decentralize oracle data. 
						Outliers, malicious actors, 
					    and corrupt data is removed
						autonomously with no 
						outside interaction through 
						the use of smart contracts 
						and multiple data sources.
					</p>
				</div>
			</div>
			<!-- 错误 -->
			<div class="nav">
				<h2 class="text_ch_62">THE ORACLE PROBLEM</h2>
				<ul>
					<li>
						<div class="pic">
							<img src="./img/f.png" alt="" style="width: 154px;margin-left: -12px;">
						</div>
						<h3 class="text_ch_63">Centralized Oracles</h3>
						<p class="text_ch_64">Consensus is resched within its own proprietary network</p>
					</li>
					<li>
						<div class="pic">
							<img src="./img/f.png" alt="" style="width: 154px;margin-left: -12px;">
						</div>
						<h3 class="text_ch_65">Layer 1 Limitations</h3>
						<p class="text_ch_66">Slow and costly execution,reducing reliability/throughput</p>
					</li>
					<li>
						<div class="pic">
							<img src="./img/f.png" alt="" style="width: 154px;margin-left: -12px;">
						</div>
						<h3 class="text_ch_67">One-way Data</h3>
						<p class="text_ch_68">Restricting inputs from outside sources</p>
					</li>
					<li>
						<div class="pic">
							<img src="./img/f.png" alt="" style="width: 154px;margin-left: -12px;">
						</div>
						<h3 class="text_ch_69">Developers Only</h3>
						<p class="text_ch_70">Oracle data requests require deep knowledge to implement</p>
					</li>
					<li>
						<div class="pic">
							<img src="./img/f.png" alt="" style="width: 154px;margin-left: -12px;">
						</div>
						<h3 class="text_ch_71">The Monopoly</h3>
						<p class="text_ch_72">Popular network control a large majority of the output data</p>
					</li>
					<li>
						<div class="pic">
							<img src="./img/f.png" alt="" style="width: 154px;margin-left: -12px;">
						</div>
						<h3 class="text_ch_73">Manipulation/Exploits</h3>
						<p class="text_ch_74">Data manipulation is easier within a single oracle network</p>
					</li>
				</ul>
			</div>

			<!-- 正确 -->
			<div class="nav">
				<h2 class="text_ch_75" >OUR SOLUTION</h2>
				<ul>
					<li>
						<div class="pic">
							<img src="./img/t.png" alt="" style="width: 140px;">
						</div>
						<h3 class="text_ch_76">Multiple Oracle Networks</h3>
						<p class="text_ch_77">Utilizing trusted data from established oracles networks</p>
					</li>
					<li>
						<div class="pic">
							<img src="./img/t.png" alt="" style="width: 140px;">
						</div>
						<h3 class="text_ch_78">Layer 2 Solutions</h3>
						<p class="text_ch_79">Output secure data at lower costs and higher frequency</p>
					</li>
					<li>
						<div class="pic">
							<img src="./img/t.png" alt="" style="width: 140px;">
						</div>
						<h3 class="text_ch_80">Bi-Directional Cross-chain</h3>
						<p class="text_ch_81">Redundant fail safe oracle data via interoperability</p>
					</li>
					<li>
						<div class="pic">
							<img src="./img/t.png" alt="" style="width: 140px;">
						</div>
						<h3 class="text_ch_82">Oracle Marketplace</h3>
						<p class="text_ch_83">Request, supply and trade data with reputable providers</p>
					</li>
					<li>
						<div class="pic">
							<img src="./img/t.png" alt="" style="width: 140px;">
						</div>
						<h3 class="text_ch_84">Multiple Blockchains</h3>
						<p class="text_ch_85">lncreasing scalability, compatibility and security</p>
					</li>
					<li>
						<div class="pic">
							<img src="./img/t.png" alt="" style="width: 140px;">
						</div>
						<h3 class="text_ch_86">Autonomous Execution</h3>
						<p class="text_ch_87">Corrupt and malicious data removed autonomously</p>
					</li>

					<!-- 综合 -->

					<li>
						<div class="pic">
							<img src="./img/xiaotutu1.png" alt="" style="width: 140px;">
						</div>
						<h3 class="text_ch_88">Governance Voting</h3>
						<p class="text_ch_89">Ecosystem changes are voted in by token holders</p>
					</li>
					<li>
						<div class="pic">
							<img src="./img/xiaotutu2.png" alt="" style="width: 170px; margin-left: -16px;">
						</div>
						<h3 class="text_ch_90">Liquidity Mining</h3>
						<p class="text_ch_91">Acquire by providing liquidity to the market</p>
					</li>
					<li>
						<div class="pic">
							<img src="./img/xiaotutu3.png" alt="" style="width: 170px; margin-left: -16px;">
						</div>
						<h3 class="text_ch_92">Oracle Validation</h3>
						<p class="text_ch_93">Acquire by providing validation to the network</p>
					</li>
					<li>
						<div class="pic">
							<img src="./img/xiaotutu4.png" alt="" style="width: 170px; margin-left: -16px;">
						</div>
						<h3 class="text_ch_94">Community Driven</h3>
						<p class="text_ch_95">Decisions are voted in instead of pushed by management</p>
					</li>
					<li>
						<div class="pic">
							<img src="./img/xiaotutu5.png" alt="" style="width: 170px; margin-left: -16px;">
						</div>
						<h3 class="text_ch_96">Decentralized Platform</h3>
						<p class="text_ch_97">Governance DAO brings true decentralization</p>
					</li>
				</ul>
			</div>

			<div class="man">
				<h2 class="text_ch_98">Core Team</h2>
				<ul>
					<li>
						<div class="pic_man">
							<img src="./img/01.png" alt="" style="margin-top: -20px;  width: 70px;">
						</div>
						<h3 class="text_ch_99">Ryan Lowe</h3>
						<h4 class="text_ch_100">Chief Executive Officer</h4>
						<p class="text_ch_101">Blockchain advocate since 2017 with
							18 years of business management
							experience.</p>
					</li>
					<li>
						<div class="pic_man">
							<img src="./img/02.png" alt="" style="margin-top: -20px;  width: 70px;">
						</div>
						<h3 class="text_ch_102">Trevor Hall</h3>
						<h4 class="text_ch_103">Chief Operations Officer</h4>
						<p class="text_ch_104">Blockchain advocate since 2016 with
							9 years of business growth and
							development experience.</p>
					</li>
					<li>
						<div class="pic_man">
							<img src="./img/03.png" alt="" style="margin-top: -20px; width: 70px;">
						</div>
						<h3 class="text_ch_105">Jesse Ireland</h3>
						<h4 class="text_ch_106">Chief Technical Officer</h4>
						<p class="text_ch_107">Mathematician turned software
							developer with two degrees and 6
							years programming experience.</p>
					</li>
					<li  style="margin-top: 50px;">
						<div class="pic_man">
							<img src="./img/04.png" alt="" style="margin-top: -25px; width: 70px;">
						</div>
						<h3 class="text_ch_108">Uosof Ahmadi</h3>
						<h4 class="text_ch_109">Chief Marketing Officer</h4>
						<p class="text_ch_110">Marketing powerhouse, propelling
							over 30 global brands to market with
							8 years experience.</p>
					</li>
					<li style="margin-left: 35px; margin-top: 50px; ">
						<div class="pic_man">
							<img src="./img/05.png" alt="" style="margin-top: -25px; width: 70px;">
						</div>
						<h3 class="text_ch_111">Michael Liddiard</h3>
						<h4 class="text_ch_112">Chief Legal Officer</h4>
						<p class="text_ch_113">Michael is the President of Liddiard
							Law which focuses on Corporate and
							Fintech Law.</p>
					</li>
				</ul>
			</div>

			<div class="date_year">
				<h3 class="text_ch_114">ROADMAP</h3>
				<div class="year">
					<div class="year_yuan">
						<div class="year_yuan_xiao">

						</div>
					</div>
					<ul>
						<li class="text_ch_115">2020 Q2</li>
						<li class="text_ch_116">Concept</li>
						<li class="text_ch_117" >Idea / Project Conception</li>
						<li>
							<div class="line"></div> <span class="text_ch_118">Product Research</span>
						</li>
					</ul>
				</div>

				<div class="year" style="height: 300px;">
					<div class="year_yuan">
						<div class="year_yuan_xiao">

						</div>
					</div>
					<ul>
						<li class="text_ch_119">2020 Q3</li>
						<li class="text_ch_120">Research</li>
						<li class="text_ch_121">Proving Concept Viability</li>
						<li>
							<div class="line"></div><span class="text_ch_122">Strtegic Plan</span>
						</li>
						<li>
							<div class="line"></div> <span class="text_ch_123"> Partner / Marketing Outreach </span>
						</li>
						<li>
							<div class="line"></div> <span class="text_ch_124">Team Building</span>
						</li>
					</ul>
				</div>


				<div class="year" style="height: 390px;">
					<div class="year_yuan">
						<div class="year_yuan_xiao">

						</div>
					</div>
					<ul>
						<li class="text_ch_125">2020 Q4</li>
						<li class="text_ch_126">Public Launch</li>
						<li class="text_ch_127">Project Launched to Public</li>
						<li>
							<div class="line"></div> <span class="text_ch_128">Website Completed</span>
						</li>
						<li>
							<div class="line"></div> <span class="text_ch_129">Pitch Deck Completed </span>
						</li>
						<li>
							<div class="line"></div> <span class="text_ch_130">Partnerships</span>
						</li>
						<li>
							<div class="line"></div> <span class="text_ch_131">Marketing-Phase 1</span>
						</li>
					</ul>
				</div>

				<div class="year b_left" style="height: 390px;">
					<div class="year_yuan" style="    margin-top: -17px; margin-left: -12px;">
						<div class="year_yuan_xiao">

						</div>
					</div>
					<ul>
						<li class="text_ch_132">2021 Q1</li>
						<li class="text_ch_133">Product Development / Token Launch</li>
						<li class="text_ch_134">Token Sale</li>
						<li>
							<div class="line"></div> <span class="text_ch_135">Decentralized Aggregated Oracle Bet Release </span>
						</li>
						<li>
							<div class="line"></div> <span class="text_ch_136">Oracle Onboarding </span>
						</li>
						<li>
							<div class="line"></div> <span class="text_ch_137">User Onboarding</span>
						</li>
						<li>
							<div class="line"></div> <span class="text_ch_138">Staking </span>
						</li>
						<li>
							<div class="line"></div> <span class="text_ch_139">Liquidity Generation Event</span>
						</li>
						<li>
							<div class="line"></div> <span class="text_ch_140">Marketing - Phase 2 </span>
						</li>
					</ul>
				</div>

				<div class="year b_left" style="height: 410px;">
					<div class="year_yuan" style="margin-top: -23px; background-color: transparent;">
						<div class="year_yuan_xiao " style=" margin-left: 7px;">

						</div>
					</div>
					<ul>
						<li class="text_ch_141">2021 Q2</li>
						<li class="text_ch_142">Full Suite Beta Launch</li>
						<li class="text_ch_143">Decentralized Aggregated Oracle Public Release</li>
						<li>
							<div class="line"></div> <span class="text_ch_144">On-Demand Oracle Beta V1 / V2 Release</span>
						</li>
						<li>
							<div class="line"></div> <span class="text_ch_145">Validator Onboarding</span>
						</li>
						<li>
							<div class="line"></div><span class="text_ch_146">Oracle Marketplace Beta Release</span>
						</li>
						<li>
							<div class="line"></div> <span class="text_ch_147">DeFi Dashboard Design / Demo</span>
						</li>
						<li>
							<div class="line"></div> <span class="text_ch_148">MOD Governance</span>
						</li>
						<li>
							<div class="line"></div> <span class="text_ch_149">Partnerships</span>
						</li>
						<li>
							<div class="line"></div> <span class="text_ch_150">Marketing - Phase 3</span>
						</li>
					</ul>
				</div>


				<div class="year b_left" style="height: 200px;">
					<div class="year_yuan" style="margin-top: -23px; background-color: transparent;">
						<div class="year_yuan_xiao" style=" margin-left: 7px;">

						</div>
					</div>
					<ul>
						<li class="text_ch_151">2021 Q3</li>
						<li class="text_ch_152">Scaling & Optimization</li>
						<li class="text_ch_153">Pushing the platform for full adoption</li>

					</ul>
				</div>


				<div class="year b_left" style="height: 200px;">
					<div class="year_yuan" style="margin-top: -23px; background-color: transparent;">
						<div class="year_yuan_xiao" style=" margin-left: 7px;">

						</div>
					</div>
					<ul>
						<li class="text_ch_154">2021 Q3</li>
						<li class="text_ch_155">Whole network public offering </li>
						<li class="text_ch_156"> Officially launched </li>
						<li class="text_ch_157">PancakeSwap, Bilaxy,gate.io</li>

					</ul>
				</div>

				<div class="year b_left" style="height: 200px;">
					<div class="year_yuan" style="margin-top: -23px; background-color: transparent;">
						<div class="year_yuan_xiao" style=" margin-left: 7px;">

						</div>
					</div>
					<ul>
						<li class="text_ch_158">2021 Q3</li>
						<li class="text_ch_159">Bridges / Interoperability </li>
						<li class="text_ch_160">Building the connections across</li>
						<li class="text_ch_161">multiple chains</li>

					</ul>
				</div>

				<div class="year b_left" style="height: 130px;">
					<div class="year_yuan" style="margin-top: -23px; background-color: transparent;">
						<div class="year_yuan_xiao" style="margin-top: 70px; margin-left: 7px;">

						</div>
					</div>
					<ul>
						<li style="height: 35px;" class="text_ch_162">2021 Q4</li>
						<li class="text_ch_163">Resilient,autonomous organizations</li>
						<li style="height: 15px; line-height: 15px;" class="text_ch_164">Empower your community to organize and </li>
						<li class="text_ch_165">allocate resourcesc</li>
						<li style="height: 15px; line-height: 15px;" class="text_ch_166">to its members. Vote on impactful gover-</li>
						<li class="text_ch_167">nance decisions</li>

					</ul>
				</div>
			</div>
		</div>
		<!-- main 部分 end -->

		<!-- footer 盒子部分 -->
		<div id="divReferrals" class="footer_box">
			<h1 class="text_ch_168">Referrals</h1>
			<div class="footer_top_box">
				<h2 class="text_ch_169">Referrals Link:</h2>
				<div class="box_top">
					<input type="text" name="" id="txtcopy" value='22222' readonly>
					<div class="copy">
					<button id='btnCopy' data-clipboard-target="#txtcopy" onclick="BtnCopy()"><span class="text_ch_170">Copy</span></button>
				</div>
				</div>
				
				<h3 class="text_ch_171">You need 0.1BNB Gabriel to activate.</h3>
			</div>
			<div class="footer_bottom_box">
				<h3 class="text_ch_172">Cumulative invitation revenue:</h3> <span><label id='all' style=" display: none; position: relative; right: 15px; top: 0px;">0</label>BNB</span>
				<div class="box_left">
					<button>
						<h2 class="text_ch_173">First level</h2>
					</button>
				</div>
				<ul>
					<li></li>
					<li></li>
					<li></li>
				</ul>
				<div class="box_right">
					<button>
						<h2 class="text_ch_174">Second level</h2>
					</button>
				</div>
				<div class="text_box">
					<div class="box_left_text">
						<h3 class="text_ch_175">10%Invitation revenue</h3>
						<h4 class="text_ch_176">Referrals:</h4>
						<h5 class="text_ch_177">Total investment:</h5>
						<h6><label id='first'>0</label>BNB</h6>
						<span id="fnum"  style="position: relative; right: -43px; top: -59px;">0</span>
					</div>
					<div class="box_right_text">
						<h3 class="text_ch_178">5%Invitation revenue</h3>
						<h4 class="text_ch_179">Referrals:</h4>
						<h5 class="text_ch_180">Total investment:</h5>
						<h6><label id='second'>0</label>BNB</h6>
						<span id="snum" style="position: relative; right: -38px; top: -60px;">1</span>
					</div>
				</div>
			</div>
		</div>
		
		<!-- footer 盒子部分 end -->

		<!-- footer_brand底部 部分 -->
		<div class="footer_brand">
			<div class="pic_1">
				<img src="img/ditutu.png" alt="" width="100%">
			</div>
		</div>
		<div class="footer_brand_logo">
			<ul>
				<li><a href="https://twitter.com/GABRIEL2024ok"><img src="img/weichi.png" alt=""></a></li>
				<li><a href="https://t.me/GABRIEL2024"><img src="img/dianbao.png" alt=""></a></li>
				<li><a href="#"><img src="img/gu.png" alt=""></a></li>
				<li><a href="#"><img src="img/baiwei.png" alt=""></a></li>
			</ul>
		</div>
		<script src="js/index.js?ver=24"></script>
         </div>                            
		<!-- 页面弹框 -->
		<div id="myModal" class="modal">
			<div class="modal-content">
				<div class="modal-header">
					<!-- <h2>弹窗头部</h2> -->
				</div>
				<div class="modal-body">
					<div class="header_box" >
						<span class="close" style="display: none;" onclick="closeClick()">&times;</span>
						<div class="header_box_big">
							<div class="header_box_hd">
								<h1  class="text_ch_181">GABRIEL 0.1BNB/GRL</h1>
								<div class="header_top_box">
									<img src="img/tubiao.png" alt="" width="35" >
									<p class="text_ch_182">Global community construction to<br> protect the interestr of users</p>
								</div>
							</div>
							<div class="header_box_bd">
								<h3 class="text_ch_183">Please enter Gabriel</h3>
								<input type="text" name="" id="buyMoney" oninput="moneyChange()" onchange="moneyChange()">
								<button class="btn_top"><span class="text_ch_184">VALUEE</span>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; BNB</button>
								<h3 style="margin-top: 20px; margin-bottom: 15px;" class="text_ch_185">Number Of BNB Tokens Required</h3>
								<button class="btn_bot"><div><div id="cv" style="float: left;">0</div><div style="text-align: right;" class="text_ch_186">GABRIEL</div> </div></button>
								<h3 class="text_ch_187">Resl-time price 10000000 GABRIEL=0.1 BNB</h3>
							</div>
							<div class="box_bd2">
								<button onclick="closeClick()" class="text_ch_188">COLSE</button>
								<button style="margin-left: 10px; color: #FEBC06;" onclick="BtnBuy()" class="text_ch_189">BUY</button>
							</div>
						</div>
					</div>
				</div>
				<div class="modal-footer">
					<!-- <h3>弹窗底部</h3> -->
				</div>
			</div>
		</div>
	</div>	
	</body>
</html>
